<template>
<!-- 特殊人员额外填报信息 -->
    <div class="main">
        <div class="form-container">
            <div class="form-main">
                <div class="patrol">
                    <!-- <span class="required" style="color:red">*</span>  -->
                    <label for="contact">特殊人员类型</label><br/>
                    <div class="form-border form-twoBor">
                        <div style="border-bottom: 1px solid #bfbfbf;">
                            <el-radio v-model="special_personnel_type" label="0">志愿者</el-radio>
                            <!-- <input type="radio" name="patrol" value="0"   id="patrolYes" v-model="community_tour" /><label for="patrolYes"> 每天上门巡视</label>&nbsp;&nbsp; -->
                        </div>
                        <div style="border-bottom: 1px solid #bfbfbf;">
                            <el-radio v-model="special_personnel_type" label="1">医护人员</el-radio>
                            <!-- <input type="radio" name="patrol" value="1"   id="patrolNo" checked="checked" v-model="community_tour" /><label for="patrolNo"> 无巡视</label> -->
                        </div>
                        <div style="border-bottom: 1px solid #bfbfbf;">
                            <el-radio v-model="special_personnel_type" label="2">巡查人员</el-radio>
                            <!-- <input type="radio" name="patrol" value="1"   id="patrolNo" checked="checked" v-model="community_tour" /><label for="patrolNo"> 无巡视</label> -->
                        </div>
                        <div>
                            <el-radio v-model="special_personnel_type" label="3">其他高风险人员</el-radio>
                            <!-- <input type="radio" name="patrol" value="1"   id="patrolNo" checked="checked" v-model="community_tour" /><label for="patrolNo"> 无巡视</label> -->
                        </div>
                    </div>
                </div>

                <div class="objective">
                    <!-- <span class="required" style="color:red">*</span>  -->
                    <label for="objective">工作内容</label><br/>

                    <input class="form-border" maxlength="32" id="objective" type="text" name="username"  placeholder="工作内容" required="required" v-model="objective" /> <br/>
                </div>

                <div class="temporary_residence">
                    <!-- <span class="required" style="color:red">*</span>  -->
                    <label for="temporary_residence">临时住所</label><br/>

                    <input class="form-border" maxlength="32" id="temporary_residence" type="text" name="username"  placeholder="临时住所" required="required" v-model="temporary_residence" /> <br/>
                </div>

                <div class="service_places">
                    <!-- <span class="required" style="color:red">*</span>  -->
                    <label for="service_places">服务地点</label><br/>

                    <input class="form-border" maxlength="32" id="service_places" type="text" name="username"  placeholder="服务地点" required="required" v-model="service_places" /> <br/>
                </div>
            </div>
        </div>
    </div>
</template>
<script>
import { newquestionnaireData ,queryCityData} from '@/assets/js/service'
import { Confirm , Datetime,PopupPicker,Popup} from 'vux'

export default {
    components: {
        Confirm,
        Datetime,
        PopupPicker,
        Popup
    },
    data () {
        return {
            special_personnel_type:'0',//特殊人员类型
            objective:'',//目的
            temporary_residence:'',//临时住所
            service_places:'',//服务地点
        }
    },
    created () {
    },
    mounted: function () {
        let epidemicData = JSON.parse(localStorage.getItem('epidemicData'));
        if(epidemicData) {
            this.special_personnel_type = epidemicData.specialPersonnelType
            this.objective = epidemicData.objective
            this.temporary_residence = epidemicData.temporaryResidence
            this.service_places = epidemicData.servicePlaces
        }
    },
    watch:{

    },
    methods: {

    }
}
</script>
<style lang="less" scoped>

.main{
    overflow: hidden;
    // background: url("../../assets/images/home/bj.png") 0 0;
    background-size: 100% 100%;
    .form-container{
        background: #f8fafb;
        background-size: 100% 100%;
        width: calc(100% -16px);
        border-radius: 8px;
        padding-top: 15px;
        border: solid 1px #e5e5e5;
        // margin: 0 3%;
        margin-left:8px;
        margin-right:8px;
        // margin-bottom: 10px;
        padding-bottom: 25px;
        .form-main{
            width: 100%;
            padding: 0 20px;
            color: #333;
            background-color: #f5f8fa;
            h4{
                margin-top: 15px;
            }
            .form-border{
                background-color: rgba(255, 255, 255, 0.9);
                color: #333333;
                padding:5px;
                margin: 5px 0;
                width: 100%;
                margin-bottom: 20px;
                border-radius: 3px;
                box-shadow: 0px 0px 1px 0px rgba(0, 0, 0, 0.8);
            }
            .tizheng{
                div{
                    width: 50%;
                    float: left;
                    padding: 10px 5px;
                    font-size: 15px;
                    input{
                        vertical-align: middle;
                        width: 15px;
                        height: 15px;
                    }
                }
            }
            .form-twoBor{
                padding: 5px 0;
                div{
                    width: 100%;
                    padding: 10px 10px;
                    input{
                        vertical-align: middle;
                        width: 20px;
                        height: 20px;
                    }
                    label{
                        font-size: 15px;
                    }
                }

            }

        }
    }
.yy-input::-webkit-input-placeholder,
  textarea::-webkit-input-placeholder {
    /* WebKit browsers */
    color: red;
  }

}
</style>
